<!DOCTYPE html>
<!--
  ~ Copyright (C) 2018 guomw.Inc. All rights reserved.
  ~ 项目名称： mysite
  ~ 文件名称： modal.html
  ~ Date：18-9-21 上午9:26
  ~ Author: guomw
  -->

<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!--添加菜单模态窗-->
<modal th:fragment="addMenuModal">
    <div class="modal inmodal" id="addMenuModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated flipInY">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">添加菜单</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal m-t" id="commentForm">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">菜单名称：</label>
                            <div class="col-sm-8">
                                <input id="itemParentCode" name="itemParentCode" minlength="2" type="hidden"
                                       class="form-control" value="0">
                                <input id="itemCode" name="itemCode" minlength="2" type="hidden"
                                       class="form-control" value="0">
                                <input id="itemName" type="itemName" class="form-control" name="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">排序：</label>
                            <div class="col-sm-2">
                                <input id="itemSort" type="number" class="form-control" name="itemSort" value="0">
                            </div>
                        </div>
                        <div class="form-group" id="itemFunction">
                            <label class="col-sm-3 control-label">是否为功能菜单：</label>
                            <div class="col-sm-2">
                                <input type="checkbox" id="i-checks-itemFunction" class="i-checks">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">菜单路径：</label>
                            <div class="col-sm-8">
                                <input id="itemPath" type="itemPath" class="form-control" name="text">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">样式图标：</label>
                            <div class="col-sm-6">
                                <input id="itemIconCls" type="itemIconCls" class="form-control" name="text">
                            </div>
                            <div class="col-sm-2" style="height: 32px;line-height: 32px;">
                                <a href="http://www.guomw.cn/ui/fontawesome.html?v=4.0" target="_blank">样式图标</a>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="btnSubmit()">保存</button>
                </div>
            </div>
        </div>
    </div>
</modal>

<!--添加管理员模态窗-->
<modal th:fragment="addManagerModal">
    <div class="modal inmodal" id="addManagerModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated flipInY">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="modal-manager-title">添加管理员</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal m-t">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">账户名：</label>
                            <div class="col-sm-8">
                                <input id="userId" name="userId" minlength="2" type="hidden" class="form-control"
                                       value="0">
                                <input id="loginName" type="text" class="form-control" name="loginName">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">账户密码：</label>
                            <div class="col-sm-8">
                                <input id="loginPwd" type="text" class="form-control" name="loginPwd">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">所属角色：</label>
                            <div class="col-sm-6">
                                <select class="form-control m-b" name="userRole" id="userRole">
                                    <option value="-1">--请选中所属角色--</option>
                                </select>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="managerHandler.btnSubmit()">保存</button>
                </div>
            </div>
        </div>
    </div>
</modal>

<!--模态窗-->
<modal th:fragment="addRoleModal">
    <div class="modal inmodal" id="addRoleModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated flipInY">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title" id="modal-role-title">添加角色</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal m-t">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">角色名称：</label>
                            <div class="col-sm-8">
                                <input id="roleId" name="roleId" minlength="2" type="hidden"
                                       class="form-control" value="0">
                                <input id="roleName" type="text" class="form-control" name="roleName">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="rolesHandler.btnSubmit()">保存</button>
                </div>
            </div>
        </div>
    </div>
</modal>
<!--添加角色权限-->
<modal th:fragment="addRolePowerModal">
    <div class="modal inmodal" id="addRolePowerModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated flipInY">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">设置权限</h4>
                </div>
                <div class="modal-body" id="menulist" style="max-height: 500px;position: relative;overflow: auto;">

                </div>
                <div class="modal-footer">
                    <input id="roleId_menu" name="roleId_menu" minlength="2" type="hidden" class="form-control"
                           value="0">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="rolesHandler.btnSubmitPower()">保存</button>
                </div>
            </div>
        </div>
    </div>
</modal>


<!--添加文章分类模态窗-->
<modal th:fragment="addArticleClassifyModal">
    <div class="modal inmodal" id="addArticleClassifyModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated flipInY">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">编辑文章分类</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal m-t">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">分类名称：</label>
                            <div class="col-sm-8">
                                <input id="classifyId" name="classifyId" minlength="2" type="hidden"
                                       class="form-control" value="0">
                                <input id="classifyTitle" type="text" class="form-control" name="classifyTitle">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="classifyHandler.btnSubmit()">保存</button>
                </div>
            </div>
        </div>
    </div>
</modal>


<!--添加app应用模态窗-->
<modal th:fragment="addAppManageModal">
    <div class="modal inmodal" id="addAppManageModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated flipInY">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">编辑应用</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal m-t">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">应用标题：</label>
                            <div class="col-sm-8">
                                <input id="appId" name="appId" minlength="2" type="hidden"
                                       class="form-control" value="0">
                                <input id="appName" type="text" class="form-control" name="appName">

                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">应用logo：</label>
                            <div class="col-sm-8">
                                <input type="hidden" id="appLogo" value=""/>
                                <input type="file" id="uploadfile" name="uploadfile" readonly="readonly"
                                       class="form-control">
                                <img class="imgpreview" onerror="this.src='../../resource/img/bg.png'"
                                     style="margin-top: 10px; width:200px;height:200px;"/>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="jsHelper.btnSubmit()">保存</button>
                </div>
            </div>
        </div>
    </div>
</modal>
<!--添加APP版本模态窗-->
<modal th:fragment="addAppVersionModal">
    <div class="modal inmodal" id="addAppVersionModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated flipInY">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">添加版本</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal m-t">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">更新类型：</label>
                            <div class="col-sm-6">
                                <select class="form-control m-b" name="upgradeType" id="upgradeType">
                                    <option value="0">普通更新</option>
                                    <option value="1">强制更新</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">版本号：</label>
                            <div class="col-sm-8">
                                <input id="versionId" name="versionId" minlength="2" type="hidden" class="form-control"
                                       value="0">
                                <input id="version" type="text" class="form-control" name="version">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">下载地址：</label>
                            <div class="col-sm-8">
                                <input id="appUrl" type="text" class="form-control" name="appUrl">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">更新内容：</label>
                            <div class="col-sm-8">
                                <textarea class="form-control" id="appDesc" rows="5" cols="10"></textarea>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="jsHelper.btnSubmit()">保存</button>
                </div>
            </div>
        </div>
    </div>
</modal>


<!--添加商品类型模态窗-->
<modal th:fragment="addGoodsTypeModal">
    <div class="modal inmodal" id="addGoodsTypeModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated flipInY">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">编辑商品类型</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal m-t">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">类型名称：</label>
                            <div class="col-sm-8">
                                <input id="typeId" name="typeId" minlength="2" type="hidden"
                                       class="form-control" value="0">
                                <input id="typeName" type="text" class="form-control" name="typeName">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="jsHelper.btnSubmit()">保存</button>
                </div>
            </div>
        </div>
    </div>
</modal>


<!--添加广告模态窗-->
<modal th:fragment="addAdModal">
    <div class="modal inmodal" id="addAdModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated flipInY">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">编辑广告</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal m-t">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">广告名称：</label>
                            <div class="col-sm-8">
                                <input id="adId" name="adId" minlength="2" type="hidden"
                                       class="form-control" value="0">
                                <input id="adTitle" name="adTitle" type="text" class="form-control"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">广告类型：</label>
                            <div class="col-sm-6">
                                <select class="form-control m-b" name="adType" id="adType">
                                    <option value="0">轮播图</option>
                                    <option value="1">效果案例</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">广告图片：</label>
                            <div class="col-sm-8">
                                <input type="hidden" id="adImgUrl" value=""/>
                                <input type="file" id="uploadfile" name="uploadfile" readonly="readonly"
                                       class="form-control">
                                <img class="imgpreview" onerror="this.src='../../resource/img/bg.png'"
                                     style="margin-top: 10px; width:120px;height:100px;"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">跳转类型：</label>
                            <div class="col-sm-6">
                                <select class="form-control m-b" name="adTargetType" id="adTargetType">
                                    <option value="0">商品详情</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">跳转目标：</label>
                            <div class="col-sm-8">
                                <input id="adTarget" name="adTarget" type="text" class="form-control"/>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">时间：</label>
                            <div class="col-sm-8">
                                <div class="date-picker input-daterange input-group" style="z-index: 9999;">
                                    <input type="text" class="input-sm form-control" data-format="yyyy-MM-dd" id="adStartTime" name="start" value=""/>
                                    <span class="input-group-addon">到</span>
                                    <input type="text" class="input-sm form-control" data-format="yyyy-MM-dd" name="end" id="adEndTime" value=""/>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="jsHelper.btnSubmit()">保存</button>
                </div>
            </div>
        </div>
    </div>
</modal>


<!--添加商品类型模态窗-->
<modal th:fragment="addOrderExpressModal">
    <div class="modal inmodal" id="addOrderExpressModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated flipInY">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">更新快递信息</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal m-t">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">快递公司：</label>
                            <div class="col-sm-6">
                                <select class="form-control m-b" id="expressCompanyName">
                                    <option value="10290399430">顺丰快递</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">快递单号：</label>
                            <div class="col-sm-8">
                                <input id="expressNo" type="text" class="form-control">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="jsHelper.btnSubmit()">保存</button>
                </div>
            </div>
        </div>
    </div>
</modal>

<!--订单审核模态窗-->
<modal th:fragment="addOrderAuditModal">
    <div class="modal inmodal" id="addOrderAuditModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content animated flipInY">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span
                            aria-hidden="true">&times;</span><span
                            class="sr-only">Close</span></button>
                    <h4 class="modal-title">审核订单</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal m-t">
                        <div class="form-group">
                            <input type="hidden" id="auditOrderId" value=""/>
                            <label class="col-sm-3 control-label">审核状态：</label>
                            <div class="col-sm-6">
                                <select class="form-control m-b" id="orderAuditStatus">
                                    <option value="1">审核成功</option>
                                    <option value="2">审核失败</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 control-label">备注：</label>
                            <div class="col-sm-8">
                                <textarea class="form-control" id="orderRemark" rows="5" cols="10"></textarea>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="orderHandler.btnSubmit()">保存</button>
                </div>
            </div>
        </div>
    </div>
</modal>

</html>